<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="email=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>世茂华南客户服务</title>
    <script src="js/common.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_968137_62vm1ghcwsg.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/schedule.css">
</head>
<body>
    <div id="page">
        <p class="addBtn"><span class="iconfont icon-icon-test"></span></p>
        <div class="calendar">

        </div>
        <div class="missions">
            <p class="m-time">2018年11月13日 农历十月初六</p>
            <div class="m-lists">
                <div class="list-item">
                    <p class="left-part">
                        <img src="images/kaihui.png" alt="">
                        <span class="p-time">10:00</span>
                    </p>
                    <div class="middle-part">
                        <p class="m-title">公司要开会</p>
                        <p class="m-desc">公司要开会公司要开会公司要开会公司要开会公司要开会</p>
                    </div>
                    <p class="right-part">
                        <span class="s-btn"><i class="ib-circle"></i></span>
                    </p>
                </div>
                <div class="list-item">
                    <p class="left-part">
                        <img src="images/kaihui.png" alt="">
                        <span class="p-time">10:00</span>
                    </p>
                    <div class="middle-part">
                        <p class="m-title">公司要开会</p>
                        <p class="m-desc">公司要开会公司要开会公司要开会公司要开会公司要开会</p>
                    </div>
                    <p class="right-part">
                        <span class="s-btn"><i class="ib-circle"></i></span>
                    </p>
                </div>
            </div>
        </div>



        <footer id="tabs">
            <a href="javascript:;" class="tab"><span class="tab-icon iconfont  icon-icon_gongzuo_richengx"></span><span class="tab-name">日程</span></a>
            <a href="./mission.html" class="tab"><span class="tab-icon iconfont  icon-renwu"></span><span class="tab-name">任务</span></a>
            <a href="./mine.html" class="tab"><span class="tab-icon iconfont  icon-gerenzhongxin tab-icon-active"></span><span class="tab-name">个人中心</span></a>
        </footer>
    </div>
    <script src="js/jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".s-btn").on("click",function(){
                $(this).toggleClass("btn-active");
            })
        })
    </script>
</body>
</html>